作者：黑马程序员前端
链接：https://www.zhihu.com/question/585875169/answer/2908976596
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

<!DOCTYPE html>
<html>

<head>
    <title>倒数计时器</title>
</head>

<body>
    <h1 id="countdown"></h1>
    <script>
        // 倒数计时器总时间（以秒为单位）
        var totalSeconds = 60;

        // 获取显示倒数计时器的元素
        var countdownElement = document.getElementById("countdown");

        // 更新倒数计时器函数
        function updateCountdown() {
            // 计算剩余时间
            var minutes = Math.floor(totalSeconds / 60);
            var seconds = totalSeconds % 60;

            // 格式化时间字符串
            var timeString = minutes.toString().padStart(2, '0') + ":" + seconds.toString().padStart(2, '0');

            // 更新显示倒数计时器的元素
            countdownElement.innerHTML = "倒数计时器: " + timeString;

            // 减少剩余时间
            totalSeconds--;

            // 如果剩余时间小于等于 0，则停止计时器
            if (totalSeconds <= 0) {
                clearInterval(countdownTimer);
                countdownElement.innerHTML = "倒数计时器: 时间到！";
            }
        }

        // 启动倒数计时器
        var countdownTimer = setInterval(updateCountdown, 1000);
    </script>
</body>

</html>